<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单post和get提交</title>
</head>

<body>
    <h4>注意：所有的input标签，表单元素，全都要写name属性</会p会p>

        <!-- form
     action : 表单提交的位置，可以是网站，也可以是一个请求处理地址

     method : post , get 提交方式
        get提交方式：我们可以在url中看到我们提交的信息，不安全，高效。
        post提交方式：比较安全，可以传输大文件

     <form action="表示向何处发送表单数据" method="规定如何发送表单数据, 常用值: get | post"></form> 

     -->
        <form action="01.iframe-内联式框架.html" method="get">

            <p>用户名：<input type="text" name="username"></p>
            <p>密码：<input type="password" name="pwd"></p>

            <!-- 单选框标签
                 input type="radio" 
                 name : 表示组
                 value : 单选框的值
                -->
            <p>性别：
                <input type="radio" name="sex" value="boy">男
                <input type="radio" name="sex" value="girl">女
            </p>

            <!-- 多选框
         input type="checkbox"
        -->
            <p>爱好：
                <input type="checkbox" name="hobby" value="sleep">睡觉
                <input type="checkbox" name="hobby" value="code">敲代码
                <input type="checkbox" name="hobby" value="chat">聊天
                <input type="checkbox" name="hobby" value="game">游戏
            </p>

            <!-- 按钮 
         input type="button" 普通按钮
         input type="image" 图片按钮
         input type="submit" 提交按钮
         input type="reset" 重置按钮
         -->
            <p>按钮：
                <input type="button" name="btn1" value="点击变长">
                <input type="image" src="">
            </p>

            <!-- 下拉框，列表框 select
          -->
            <p>国家：
                <select name="列表名称">
                    <option value="china">中国</option>
                    <option value="us">美国</option>
                    <option value="eth" selected>瑞士</option>
                    <option value="yingdu">印度</option>
                </select>
            </p>

            <!-- 文件域 file
         input type="file" name="files"
        -->
            <p>
                <input type="file" name="files">
                <input type="button" value="上传" name="upload">
            </p>

            <!-- 文本域 textarea
         cols：列  rows：行 
         
        -->
            <p>反馈：
                <textarea name="textarea" cols="50" rows="5" placeholder="文本内容"></textarea>
            </p>


            <!--  -->

            <p>
                <input type="submit" value="提交">
                <input type="reset" value="重置">
            </p>





        </form>


</body>

</html>